.box{
    background: url(../../assets/imgs/sign-bg.jpg)no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    .login{
        display: flex;
        justify-content: flex-end;
        color: #fff;
        font-size: 16px;
        margin-bottom: 30px;
        cursor: pointer;
    }
    .tital{
        margin-bottom: 40px;
        h2{
            color: #fff;
            font-size: 30px;
        }
    }
    .form li{
        margin-bottom: 20px;
        input{
            width: 100%;
            height: 50px;
            background-color: #aaa;
            outline: none;
            border: 0;
            border-radius: 25px;
            text-indent: 1em;
            font-size: 14px;
            opacity: 0.8;
            color: rgba(255, 255, 255, 100);
          }
          .reg{
            background-color: rgb(86, 172, 86);
            color: #fff;
            font-size: 14px;
            width: 100%;
            height: 50px;
            border: 0;
            border-radius: 25px;
            opacity: 0.8;
        }
    }
    .password{
        color: #fff;
        a{
            color: #fff;
        }
    }
    .slogan{
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
    }
}
